<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_yvwqv0',
'img_VQV2A1',
'ZY_GongSiGaiKuang_2',
'ompan_3',
'ZY_HuNanZeTianYiLiao_4',
'img_NWpEw5',
'ZY_KangFuFangAn_6',
'ehabi_7',
'ZY_ZhongZhengKangFu_8',
'img_PQDNf9',
'ZY_HuXiKangFu_10',
'img_CaLJm11',
'ZY_XinZangKangFu_12',
'img_gs77H13',
'ZY_ShuShiHuaWuBingYi_14',
'img_WWa5A15',
'ZY_ZhongLiuKangFu_16',
'img_lZdTl17',
'ZY_XueShuGongJian_18',
'cadem_19',
'img_nhSQn20',
'ZY_XueShuGongJian_21',
'img_AqQWI22',
'ZY_XueShuGongJian_23',
'img_R_ipW24',
'ZY_XueShuGongJian_25',
'ZY_XinWenZiXun_26',
'ews_27',
'img_YKpbA28',
'ZY_HuNanZeTianYiLiao_29',
'ZY_ZhangShaShiXiongJiuJiu_30',
'ZY_31_31',
'img_C_15632',
'img__LiWI33',
'ZY_HuNanZeTianYiLiao_34',
'ZY_ZhangShaShiXiongJiuJiu_35',
'ZY_36_36',
'img_BtUpt37'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/ztyl/pc/css/swiper.min.css"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/ztyl/pc/css/common.css"> 
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.banner .swiper-button-next, .banner .swiper-button-prev{ width: 40px; height: 40px; margin-top: -20px; } .banner .swiper-button-next{ background-image: url('http://hwfile.jyymatrix.cc/ztyl/pc/images/next.png'); background-size: contain; right: 0; } .banner .swiper-button-prev{ background-image: url('http://hwfile.jyymatrix.cc/ztyl/pc/images/prev.png'); background-size: contain; left: 0; } .swiper-pagination-bullet-active{ background: #ffffff; } .swiper-slide img{ width: 100%; height: 100%; } .box{ text-align: center; padding-top: 80px; padding-bottom: 80px; } .bg-gray{ background: #F7F7F7; } .box .title-wrap{ margin-bottom: 60px; } .box .title{ font-size: 22px; margin-bottom: 8px; color: #008BA1; } .box .line{ flex: 1; height: 1px; background: #008BA1; } .box .sub-title{ font-size: 20px; margin: 0 40px; color: rgba(0, 139, 161, 0.5); } .rehabilitation-program{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/bg1.png) no-repeat center; background-size: cover; } .rehabilitation-program-con{ margin: -30px -30px; } .rehabilitation-program .item{ width: 33.3%; padding: 30px 30px; box-sizing: border-box; } .rehabilitation-program .item-con{ padding: 90px 0; } .rehabilitation-program .item:nth-of-type(1) .item-con{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/case1.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(2) .item-con{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/case2.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(3) .item-con{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/case3.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(4) .item-con{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/case4.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(5) .item-con{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/case5.png) no-repeat center; background-size: cover; } .rehabilitation-program .item .name{ color: #ffffff; font-size: 18px; } .rehabilitation-program .item .more{ width: 10px; margin-top: 18px; } .academic{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/bg2.png) no-repeat center; background-size: cover; position: relative; } .academic .title{ color: #ffffff; } .academic .sub-title{ color: rgba(255,255,255,0.8); } .academic .title-wrap .line{ background: rgba(255,255,255,0.5); } .academic .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.76); transform: scale(0.76); } .academic .swiper-slide-active{ -webkit-transform: scale(1); transform: scale(1); } .academic .swiper-button-next, .academic .swiper-button-prev{ width: 30px; height: 90px; } .academic .swiper-button-prev{ background-image: url('http://hwfile.jyymatrix.cc/ztyl/pc/images/prev2.png'); background-size: contain; left: 0; } .academic .swiper-button-next{ background-image: url('http://hwfile.jyymatrix.cc/ztyl/pc/images/next2.png'); background-size: contain; right: 0; } .academic img{ display: block; } .academic .swiper-slide .desc{ background: #F7F7F7; padding: 20px 20px; } .academic .swiper-slide .desc .name{ font-size: 18px;line-height: 26px; } .company-info .left{ font-size: 16px; line-height: 30px; padding-right: 60px; width: 50%; } .company-info .left p{ font-size: 16px; line-height: 30px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } .company-info .right{ width: 50%; } .company-info .right img{ width: 100%; } .news{ background: url(http://hwfile.jyymatrix.cc/ztyl/pc/images/bg3.png) no-repeat center; background-size: cover; } 
  .news .item{ width: 50%; box-sizing: border-box;  } 
  .news .item a{display: block;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);}
  .news .item:nth-child(2n+1){ padding-right: 40px; } .news .item:nth-child(2n){ padding-left: 40px; } 
  .news .item img{ width: 100%; display: block; } .news .item .con{ background: #ffffff; padding: 30px 20px; text-align: left; } .news .item .con .name{ color:rgb(9 9 9 / 80%); font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .item .con .desc{ margin-top: 15px; font-size: 15px; color: rgb(9 9 9 / 60%); line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-align: justify; } .news .item .con .item-footer{ border-top: 1px solid rgb(112 112 112 / 40%); padding-top: 15px; margin-top: 15px; } .news .item .con .time{ font-size: 14px; color: rgb(9 9 9 / 60%); } .news .item .con .more{ width: 16px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide"> 
      <img src="${img_yvwqv0.adImg}" class="img zy" data-type="ad" data-id="${img_yvwqv0.adId}"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="${img_VQV2A1.adImg}" class="img zy" data-type="ad" data-id="${img_VQV2A1.adId}"> 
     </div> 
    </div> 
    <div class="swiper-button-next"></div> 
    <div class="swiper-button-prev"></div> 
    <div class="swiper-pagination"></div> 
   </div> 
  </div> 
  <div class="box company-info"> 
   <div class="container"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_2.adId}">${ZY_GongSiGaiKuang_2.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ompan_3.adId}">${ompan_3.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="flex"> 
     <div class="left"> 
      <p class="zy" data-type="ad" data-id="${ZY_HuNanZeTianYiLiao_4.adId}">${ZY_HuNanZeTianYiLiao_4.adTitle}</p> 
     </div> 
     <div class="right"> 
      <img src="${img_NWpEw5.adImg}" class="zy" data-type="ad" data-id="${img_NWpEw5.adId}"> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box rehabilitation-program"> 
   <div class="container"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_KangFuFangAn_6.adId}">${ZY_KangFuFangAn_6.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ehabi_7.adId}">${ehabi_7.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="flex flex-wrap align-center space-center rehabilitation-program-con">
     <cms:arts var="faList" code="kffa" pageNow="0" pageSize="5"></cms:arts>
     <c:forEach items="${faList }" var="item" varStatus="status">
     <a href="${path}/do/redirect/pc/rehabilitationProgram?type=${status.count - 1}" class="item">
      <div class="item-con"> 
       <p class="name zy">${item.artTitle}</p>
       <img class="more zy" src="${img_PQDNf9.adImg}" data-type="ad" data-id="${img_PQDNf9.adId}"> 
      </div> </a>
     </c:forEach>
    </div>
   </div> 
  </div> 
  <div class="box academic"> 
   <div class="container"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_XueShuGongJian_18.adId}">${ZY_XueShuGongJian_18.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${cadem_19.adId}">${cadem_19.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="swiper-container"> 
     <div class="swiper-wrapper">
      <cms:arts var="xsList" code="xsgj" pageNow="0" pageSize="3"></cms:arts>
      <c:forEach items="${xsList }" var="item" varStatus="status">
       <div class="swiper-slide">
        <img src="${item.artImage}" class="zy" />
        <div class="desc">
         <h3 class="name zy">${item.artTitle}</h3>
        </div>
       </div>
      </c:forEach>
     </div>
    </div> 
   </div> 
   <div> 
    <div class="swiper-button-prev"></div> 
    <div class="swiper-button-next"></div> 
   </div> 
  </div> 
  <div class="box news"> 
   <div class="container"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_XinWenZiXun_26.adId}">${ZY_XinWenZiXun_26.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ews_27.adId}">${ews_27.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="news-list flex space-between">
     <cms:arts var="newsList" code="xwzx" pageNow="0" pageSize="2"></cms:arts>
     <c:forEach items="${newsList }" var="item" varStatus="status">
     <div class="item"> 
      <a href="${path}/do/redirect/pc/newsDetail?id=${item.artId}">
       <img src="${item.artImage}" />
       <div class="con"> 
        <h4 class="name zy">${item.artTitle}</h4>
        <p class="desc zy">${item.artAbstract}</p>
        <div class="flex space-between align-center item-footer"> 
         <h4 class="time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${item.artCreatetiem}" ></fmt:formatDate></h4>
         <img src="${img_C_15632.adImg}" class="more zy" data-type="ad" data-id="${img_C_15632.adId}"> 
        </div> 
       </div> </a> 
     </div>
     </c:forEach>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="http://hwfile.jyymatrix.cc/ztyl/pc/js/swiper.min.js"></script> 
  <script>
        window.onload = function(){
            var swiper = new Swiper('.banner .swiper-container', {
                speed:1000,
                loop:true,
                slidesPerView: 1,
                autoplay : 3000,
                prevButton:'.banner .swiper-button-prev',
                nextButton:'.banner .swiper-button-next',
                pagination: '.banner .swiper-pagination'
            });
            var swiper = new Swiper('.academic .swiper-container',{
                speed:1000,
                loop:true,
                loopedSlides: 5,
                centeredSlides : true,
                slidesPerView: 3,
                spaceBetween: 0,
                prevButton:'.swiper-button-prev',
                nextButton:'.swiper-button-next'
            });
            var itemItemsEls = document.getElementsByClassName('nav-item');
            var itemEls = document.getElementsByClassName('nav-item-hover');
            itemItemsEls[0].className="nav-item active"
            for(var i= 0; i < itemEls.length;i++){
                itemEls[i].onmouseover = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'block'
                    };
                }
                itemEls[i].onmouseout = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'none'
                    };
                }
            }
        }
    </script> 
 </body>
</html>